<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <link rel="shortcut icon" href="favicon.ico" >
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <!-- slider -->
        <script src="js/jquery.glide.js"></script> <!-- slider -->
        <!-- Menu -> função pra deixar o menu ativo (não funcionou porque a faixa pra ficar do jeito certo tem que ter 
        position: absolute, o que faz com que o menu selecionado flutue) -->
        <script type="text/javascript">
        $(document).ready(function(){
            $("ul.menu li:first").addClass("active").show();
            $("ul.menu li ").click(function () {
                $("ul.menu li").removeClass("active")
                $(this).addClass("active")
                $(activeTab).fadeIn("slow");
                return false;
                                    });
         
        });
        </script>
        <!-- fancybox -->
        <script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>
        <link rel="stylesheet" href="css/jquery.fancybox.css">
        <script type="text/javascript">
            $(document).ready(function() {
                $('.fancybox').fancybox();
            });
        </script>
       
        <script type="text/javascript">
         $(document).ready(function(){
          var submitIcon = $('.busca-cat-ico');
          var inputBox = $('.busca-cat-txt');
          var searchBox = $('.busca-cat');
          var isOpen = false;
          submitIcon.click(function(){
           if(isOpen == false){
            searchBox.addClass('busca-cat-open');
            inputBox.focus();
            isOpen = true;
           } else {
            searchBox.removeClass('busca-cat-open');
            inputBox.focusout();
            isOpen = false;
           }
          }); 
          submitIcon.mouseup(function(){
            return false;
           });
           searchBox.mouseup(function(){
            return false;
           });
          $(document).mouseup(function(){
           if(isOpen == true){
            $('.busca-cat-ico').css('display','block');
            submitIcon.click();
            }
        });
         });
         function buttonUp(){
             var inputVal = $('.busca-cat-txt').val();
             inputVal = $.trim(inputVal).length;
             if( inputVal !== 0){
              $('.busca-cat-ico').css('display','none');
             } else {
              $('.busca-cat-txt').val('');
              $('.busca-cat-ico').css('display','block');
             }
            }
         </script>
         <script>
  
                $(function() {

                // grab the initial top offset of the navigation
                var sticky_navigation_offset_top = $('.container-busca-cat').offset().top;
                
                // our function that decides weather the navigation bar should have &quot;fixed&quot; css position or not.
                var sticky_navigation = function(){
                    var scroll_top = $(window).scrollTop(); // our current vertical position from the top
                    var windowWidth = $(window).width(); // largura da tela (para design responsivo)
                    
                    // if we've scrolled more than the navigation, change its position to fixed to stick to top,
                    // otherwise change it back to relative
                    if (scroll_top > sticky_navigation_offset_top && windowWidth < 768 ) {
                      $('#topo-categoria').addClass( "topo-fixo");
                    } else {
                      $('#topo-categoria').removeClass( "topo-fixo" );
                    } 
                    if (windowWidth < 768) {
                      $('#container-page-cat').removeClass("container");
                      $('#topo-categoria').addClass( "search-mobile");
                    } else {
                      $('#container-page-cat').addClass("container");
                      $('#topo-categoria').removeClass( "search-mobile" );
                    } 
                };
                
                // run our function on load
                sticky_navigation();
                
                // and run it again every time you scroll
                $(window).scroll(function() {
                     sticky_navigation();
                });

            });
          </script>
 
        
          
    </head>